<template>
  <q-page-scroller
    position="bottom-right"
    :scroll-offset="150"
    :offset="[18, 60]"
  >
    <div class="column">
      <q-btn
        @click.stop=""
        fab-mini
        icon="support_agent"
        :color="$q.dark.isActive ? 'grey-8' : 'grey-1'"
        :text-color="$q.dark.isActive ? '' : 'black'"
        size="sm"
      />
      <q-btn
        class="q-mt-sm"
        fab-mini
        icon="keyboard_arrow_up"
        :color="$q.dark.isActive ? 'grey-8' : 'grey-1'"
        :text-color="$q.dark.isActive ? '' : 'black'"
        size="sm"
      />
    </div>
  </q-page-scroller>
  <q-page-sticky position="bottom-right" :offset="[18, 108]"> </q-page-sticky>
</template>

<script setup lang="ts">
import { useQuasar } from 'quasar';

const $q = useQuasar();
</script>

<style scoped></style>
